<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			.content{
				border: 0 solid;
				margin: 0;
				padding: 50px 0;
				width: 100%;
				background:#AC92D3;
				}
			.content1{
				border: 0 solid;
				margin: 0 auto;
				width: 1500px;
				height: 850px;
				padding: 50px 0;
				background:white;
				border-radius: 20px;
			}
			.box{
				border: 0 solid;
				width: 500px;
				height:670px;
				margin:100px 0 ;
			}
			
			.box img{
				object-fit: fill;
				width: 500px;
				height:670px;
			}
			.tp{
				border: 0 solid;
				width: 500px;
				height: 800px;
				background:white;
				float: left;
				padding:0 20px
			}
			.zc{
				border: 0 solid;
				width: 900px;
				height: 800px;
				background: white;
				float:right;
				}
			h1{
				color:#AC92D3;
			}
			input{
				width:300px;
				height:30px;
				line-height: 30px
				font-size: 16px;
				margin-top: 20px;
				padding: 8px 3px;
				padding-left: 50px;
			}
			button{
				width: 300px;
				height: 30px;
				line-height: 30px;
				margin-top: 30px;
				margin-bottom: 30px;
				background-color: #AC92D3;
				border: 0px solid;
				color: aliceblue;
			}
			.border{
				border:3px solid #AC92D3;
				border-radius: 20px;
				width: 400px;
				background-color:#fffa;
				padding:auto;
				text-align:center;
				margin: auto;
				position: absolute;
				top: 30%;
				left: 50%;
			}
			p{
				margin: 10px;
			}
			a{
				text-decoration: none;
				color: #AC92D3;
			}
		</style>
		<script type="text/javascript">
			function verify(){
				alert=("123");
				let p1 = document.getElementById('pwd1').value;
				let p2 = document.getElementById('pwd2').value;
			if(p1 == p2){
				return true;
			}else{
				alert("两次密码输入不一致");
				return false;
				}
			}
		</script>
	</head>
	<body>
		<div class="content">
			<div class="content1">
				<div class="tp">
					<div class="box">
						<img src="images/register1.jpg" alt="">
					</div>
				</div>
				<div class="zc">
					<div class='border'>
						<h1>注册页面</h1>
							<form action='' method="get" onsubmit="return verify()">
								<div><input type="text"placeholder="请输入账号" name="username"></div>
								<div><input type="text"placeholder="请输入密码" name="password"></div>
								<div><input type="text"placeholder="请再次输入密码" name="pwd2"></div>
								<div><button type="submit">注 册</button></div>
							</form>
							<p>
								已有帐号？→
								<a href="login.html">去登录</a>
							</p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>